$(function () {
    var myChart = echarts.init(document.getElementById('main'));

    $.ajax({
        url: '/getSexCount',
        type: 'get',
        success: function (data) {
            var sum = 0
            for (var i = 0; i <= data.length-1; i++){
                sum += data[i]
                $("#counttable").find("tr").eq(i+1).find("td").eq(1).html(data[i])
            }
            $("#count").html(sum)
            $("#countpercent").html("100%")
            for (var i = 0;i<=data.length-1;i++){

                $("#counttable").find("tr").eq(i+1).find("td").eq(2).html((data[i]*100/sum).toFixed(2)+"%")
            }


            var option = {
                title: {
                    text: '性别统计饼状图',
                    left: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: '{b} : {c} ({d}%)'
                },
                legend: {
                    // orient: 'vertical',
                    // top: 'middle',
                    bottom: 10,
                    left: 'center',
                    data: ['男', '女']
                },
                series: [
                    {
                        type: 'pie',
                        radius: '80%',
                        center: ['50%', '50%'],
                        selectedMode: 'single',
                        data: [
                            {value: data[1], name: '女'},
                            {value: data[0], name: '男'}
                        ],
                        emphasis: {
                            itemStyle: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        },
                        normal: {
                            color: function (params) {
                                //自定义颜色
                                var colorList = [
                                    '#00FFFF', '#00FF00'
                                ];
                                return colorList[params.dataIndex]
                            }
                        }
                    }
                ]
            };
            setTimeout(myChart.setOption(option), 2000)
        }
    })


// 指定图表的配置项和数据


// 使用刚指定的配置项和数据显示图表。


})
